<template>
    <div class="box">
    <section>
        <span class="left" @click="once()">⬅</span>
        <p class="right">电影</p>
    </section>
    <div v-for="item in action" :key="item.id" class="box1">
        <img  :src="item.avatar"  alt="">
        <p>{{ item.brief }}</p>
    </div>
    </div>
    </template>
    <script>
    import { getActors } from '@/api/all/index';
    export default{
         
            data(){
             return{
                action:[],//影人列表
             }
            },
    
            methods:{
                once(){
           this.$router.back();
            },
            },
            created(){
                getActors().then(res => {
                console.log(res);
                 this.action = res.data.data;
            })
            }
        
         }
    
    </script>
    <style lang="scss" scoped>
        
      
      
       section{
        width:100%;
        height:50px;
        .left{
           margin-left: 10px; 
           float:left;
           line-height: 50px;
        }
         .right{
            text-align: center;
            float:right;
            margin-right: 50%;
            font-size: 20px;
            line-height: 50px;
         }
        }
      .box1{
        display:flex;
      }
    
    
    </style>